@charset "utf-8";
@import "utils";
/*@import "common";*/
/*@import "reset";*/ 

.Payment-web { 
    @include web;
    //空头部  
    .section { 
        @include midContent;
        .pic {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 5px;
            img {
                width: 100%;
                position: absolute;
                top: 50%;
                left: 50%; 
                transform: translate(-50%, -50%);
            }
        }
        //      提交订单页面
        .text {
            margin-top:r(20);
            width: 100%;
            //收货地址
            .addregss {
                //              width: 100%;
                height: r(145);
                background: #fafafa;
                color: #c76e50;
                font-size: r(26+8);
                padding-left: r(40);
                padding-top: r(32);
                letter-spacing: r(5);
                margin-bottom: r(50);
                p{
                    font-size: r(26+8);
                }
            }
            //	<!--已确认订单-->
            .order {
                width: 100%;
                height: r(209);
                margin: 0 auto;
                background: #f6f6f6;
                font-size: 0;
                overflow: hidden;
                padding-top: r(25);
                margin-top: r(25);
                .left-Img {
                    width: r(234);
                    height: r(184);
                    float: left;
                    margin-left: r(15);
                    margin-right: r(5);
                }
                .right-Text {
                    width: r(430);
                    height: r(184);
                    float: right;
                    color: #504f4f;
                    letter-spacing: r(5);
                    font-size: r(22+8);
                    position: relative;
                    line-height: r(40);
                    margin-right: r(15);
                    padding-left: r(5);
                    >p{
                        width: 65%;
                        overflow: hidden;
                        font-size: r(22+8);
                    }
                    .p1 {
                        overflow: hidden;
                        
                    }
                    .p5 {
                        margin-top: r(8);
//                      position: absolute;
//                      left: r(5);
//                      bottom: 0;
                        color: #c76e50;
                        span{
                            font-size: r(20+8);
                        }
                    }
                    .jine {
                        overflow: hidden;
                        position: absolute;
                        width: r(180);
//                      height: r(56);
                        right: 0;
                        bottom: r(20);
                        letter-spacing: r(2);
                        line-height: r(30);
                        text-align: right;
                        p{
                            font-size: r(16+8);
                            span{
                                font-size: r(16+8);
                            }
                        }
                        p:last-child {
                            color: #848484;
                        }
                    }
                }
            }
            //          发票
            .invoice {
                width: r(658);
                height: r(174);
                margin: 0 auto;
                margin-top: r(50);
                border: 1px solid #e7e7e7;
                font-size: r(26+8);
                color: #626362;
                padding-left: r(35);
                padding-top: r(35);
                line-height: r(50);
                letter-spacing: r(3);
                p{
                    font-size: r(26+8);
                }
                span{
                    font-size: r(26+8);
                    margin-left: r(15);
                }
                span::before{
                    content:"￥"
                }
            }
            .xuxian {
                width:100%;
                height: r(5);
                margin: 0 auto;
                margin-top: r(65);
                border-bottom: 1px dashed #e39d88;
            }
            //          提交订单
            .submit-order {
                width: 100%;
                height: r(50);
                margin: 0 auto;
                margin-top: r(26);
                text-align: right;
                p {
                    display: inline-block;
                    font-size: r(22+8);
                    color: #626362;
                    vertical-align: middle;
                    margin-right: r(10);
                    letter-spacing: r(3);
                    span{
                        font-size: r(22+8);
                    }
                }
                .dingdan {
                    display: inline-block;
//                  width: r(145);
//                  height: r(50);
                    background: #e39d88;
                    font-size: r(26+8);
                    color: white;
//                  line-height: r(55);
                    padding:  r(5) r(15);
                    text-align: center;
                    .iconfont {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: r(20+8);
                    }
                }
            }
        }
        //      支付方式
        .payment {
            height: 100%;
            width: 100%;
            background: rgba(153, 153, 153, .6);
            position: fixed;
            display: none;
            top: 0;
            left: 0;
            .pay {
//              @include abCenter;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                padding-bottom: r(80);
                width: r(600);
//              height: r(423);
                background: white;
                border-radius: 10px;
                font-size: r(26+8);
//              margin-top: r(260);
//              margin-left: r(100);
                img{
                    display: inline-block;
                }
                .mode {
                    width: r(540);
                    height: r(96);
                    margin: 0 auto;
                    text-align: center;
                    line-height: r(96);
                    border-bottom: 1px solid #e0e0e0;
                    .iconfont {
                        float: right;
                        font-size: r(40+8);
                    }
                }
                .weixin {
                    width: r(540);
                    margin: 0 auto;
                    height: r(113);
                    border-bottom: 1px solid #e0e0e0;
                    line-height: r(113);
                    img {
                        width: r(53);
                        height: r(52);
                        vertical-align: middle;
                        margin-right: r(25);
                    }
                    .iconfont {
                        float: right;
                        font-size: r(35+8);
                        color: #bdbec2;
                    }
                }
                .yinlian {
                    width: r(540);
                    margin: 0 auto;
                    height: r(95);
                    line-height: r(95);
                    border-bottom: 1px solid #e0e0e0;
                    img {
                        width: r(56);
                        height: r(40);
                        vertical-align: middle;
                        margin-right: r(25);
                    }
                    .iconfont {
                        float: right;
                        font-size: r(35+8);
                        color: #bdbec2;
                    }
                }
            }
        }
    }
}